<template>
  <div>
    App
    <A>
      <div>默认插槽</div>
    </A>
    <hr />
    <B>
      <template #body>
        <div>B的具名插槽</div>
      </template>
    </B>
    <hr />
    <C>
    <!--   <template v-slot="{ loading }">
        <div></div>
      </template> -->

      <template v-slot="{ loading }">
        <p>num: {{ num }}</p>
        <p v-show="loading">loading</p>
      </template>

      <template #xxx="{ loading }">
        <p v-show="loading">loading</p>
      </template>
    </C>
  </div>
</template>
<script>
import A from "./A";
import B from "./B";
import C from "./C";

export default {
  name: "App",
  components: {
    A, B, C
  }
}
</script>
<style></style>